// import { Select } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
import { DICT_DEFAULT_CONFIG } from "@/constants/dict"
//import { useOptions } from "@/hooks/useOptions"
import { useLocale } from "@/locales"

export type WithrawClientStatusSelectorField = {
	withrawClientStatusSelector: string
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const WithrawClientStatusSelector: FC<any> = props => {
	const { rules, disable, labelProps, selectorProps } = props
	const { formatMessage } = useLocale()
	const data = Object.entries(DICT_DEFAULT_CONFIG.withdrawClientStatus)
	const options = data.map(item => ({ value: item[1].value, label: formatMessage({ id: item[1].label }) }))

	return (
		<SFormItem
			name="clientStatus"
			rules={rules}
			{...labelProps}
			label={formatMessage({ id: "funds.proxy_member_funds_record.client_state" })}
		>
			<StyleSelect
				placeholder={formatMessage({ id: "label.select_all" })}
				allowClear
				options={options}
				disable={disable}
				{...selectorProps}
			/>
		</SFormItem>
	)
}
